<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>
    {% block title %}
      {% if title %} {{ title }} {% else %} {{ configuration.SYSTEM_TITLE }} {% endif %}
    {% endblock %}
    </title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    {% block style %}
    <link rel="stylesheet" href="/static/bt/css/screen.css" type="text/css" media="screen, projection" />
   	<link rel="stylesheet" href="/static/bt/css/print.css" type="text/css" media="print" /> 
  	<!--[if IE]>
  		<link rel="stylesheet" href="/static/bt/css/ie.css" type="text/css" media="screen, projection" />
  	<![endif]-->
   	<link rel="stylesheet" href="/static/css/main.css" type="text/css" media="screen, projection" />
   	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
   	<script src="/static/js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
   	<script type="text/javascript">
   	  $().ready(function() {
        $('#header .kwicks').kwicks({
      	  max:250,
      		spacing:5
      	});
      });
   	</script>
    {% endblock %}
    {% block includes %}
    {% endblock %}
  </head>

  <body {% block body_attributes %}{% endblock %}>
    <div id="outer_wrapper">
      
      <div id="header_wrapper">
        <div id="header" class="container">
          <p id="user_tools">{% block user_header %}
          {% if user %}
            <b>{{ user.email }}</b>
            {% if sign_out %} | <a href="/user/edit-dev">Settings</a> | <a href="{{sign_out}}">Sign out</a>{% endif %}
          {% else %}
            {% if sign_in %}<a href="{{sign_in}}">Sign in</a> | <a href="{{sign_in}}">Register</a>{% endif %}
          {% endif %}
          {% endblock %}</p>
          <img src="/static/images/design/logo.png" alt="Site Logo" />
          <ul id="navigation" class="kwicks">
            <li><a href="/">Home<br /><em>Welcome to cocos Live</em></a></li>
            <li><a href="/news">News<br /><em>What's been going on lately</em></a></li>
            <li><a href="/games">Games<br /><em>Who's using cocos Live</em></a></li>
            <li><a href="/tools">Tools<br /><em>Share your scores with the World</em></a></li>
            <li><a href="/about">About<br /><em>Learn more about this service</em></a></li>
          </ul>
        </div>
      </div>
      
      <div id="content_wrapper">
        <div class="container">
          <div id="left_side" class="span-5">
            {% block navbar %}
              {% if navbar %}
                {{ navbar }}
              {% else %}
                navbar not defined.
              {% endif %}
            {% endblock %}
            {% block sidebar %}
              {% if sidebar %}
                {{ sidebar }}
              {% else %}
                Sidebar not defined.
              {% endif %}
            {% endblock %}
          </div>
          <div id="main_content" class="prefix-1 span-18 last">
            {% block heading %}
              {% if title %}<h2 class="fancy">{{ title }}</h2>{% else %}<h2 class="thin">{{ configuration.SYSTEM_TITLE }}</h2>{% endif %}
            {% endblock %}
            {% block content %}
              This page does not yet have any content.
            {% endblock %}
          </div>
        </div>
      </div>
      
      <div id="footer_wrapper">
        <div id="footer" class="container">
          <div class="designer">Designed by <a href="http://www.crystal-works.net" target="_blank">Crystal Works</a>.</div>
        {% block footer %}
          {{ configuration.FOOTER_HTML }}
        {% endblock %}

        {% block tracking %}
        {% if configuration.ANALYTICS_ID %}
          <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
          </script>
          <script type="text/javascript">
            var pageTracker = _gat._getTracker("{{ configuration.ANALYTICS_ID }}");
            pageTracker._initData();
            pageTracker._trackPageview();
          </script>
        {% endif %}
        {% endblock %}
        </div>
      </div>
      
    </div>
  </body>

</html>
